:root{

  --brand__purple: hsla(272, 36%, 46%, 1);

--color__white: hsla(0, 0%, 99%, 1);

--border-radius__component: 0.75rem;

--block-space__component: 2.5rem;

--container-width: 70rem;

 }

.ts-dropdown {

  position: relative;

  display: inline-block;

  cursor: pointer;

  z-index: 1000;

  

  }

  

  

  .ts-dropdown-content {

  padding: 10px;

  display: none;

  position: absolute;

  min-width: 10px;

  background-color: #1F71BD;

  -webkit-box-shadow: 0px 28px 115px -86px rgba(0,0,0,0.75);

  -moz-box-shadow: 0px 28px 115px -86px rgba(0,0,0,0.75);

  box-shadow: 0px 28px 115px -86px rgba(0,0,0,0.75);

  }

  

  .ts-dropdown:hover .ts-dropdown-content {

  display: block;

  }



.ba-slider{

margin-top: 100px;

 display: flex;

 align-items: start;

 justify-content: center;

width: 100%; 

height: fit-content;

padding: 15px 0;

}



.before-after-slider {

position: relative;

overflow: hidden;

width: 100%;

max-width: var(--container-width);

height: 400px

margin: 0 auto ;



}

/* .before-after-slider__before-image ::after{

content: 'Hello';

position: absolute;

color:red;

margin-top: 50%;

right: 20px;

} */

.before-after-slider img {

  display: block;

  width: 100%;

  max-width: unset; 

  border-radius: 0;

}

.before-after-slider__after-image {

display: block;

}





.before-after-slider__before-image {

position: absolute;

top: 0;

left: 0;

overflow: hidden;

width: 50%;

height: 100%;

}



.before-after-slider__resizer {

position: absolute;

top: 0;

left: 50%;

display: flex;

align-items: center;

justify-content: center;

width: 3px;

height: 100%;

align-items: center;

background: var(--color__white);

/*Stop vertical scrolling on touch*/

-ms-touch-action: pan-y;

touch-action: pan-y;

cursor: pointer;



} .tablet, .phone{

    width: 100%;

    display: none !important;

  }

    .spin{

        position: relative;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



  

    @media screen and (max-width: 768px) {

      .phone, .desktop{

        display: none !important;

      }

      .tablet{

        display: block !important;

      }

      .ba-slider{

        margin-top: 0px;

      }

    }

    @media screen and (max-width: 500px) {

      .tablet, .desktop{

        display: none !important;

      }

      .phone{

        display: block !important;

      }

   

    }

.accord-box{

  display: flex;

  flex-direction: column;

  align-items: center;

}

.before-after-slider__resizer img {

  position: absolute;

  width: 4rem !important;

  height: 4rem;

}



a {

  text-decoration: none;

}

#contact{

  height: auto;

}

.image {

  position: absolute;

}



.link-block {

  position: relative;

  width: 18%;

}



.image-2 {

  display: inline-block;

}



.container {

  position: relative;

  padding-top: 10px;

  padding-bottom: 10px;

}



.image-3 {

  display: block;

  width: 100%;

  max-width: none;

}



.brand {

  position: absolute;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 14%;

  height: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.navbar {

  background-color: transparent;

}



.container-2 {

  position: relative;

  display: block;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

}



.section {

  height: auto;

}



.nav-menu {

  color: #fff;

}



.homenavlink {

  color: #fff;

  font-weight: 500;

}



body {

  font-family: Montserrat, sans-serif;

min-height: 100vh

}



.navbar-2 {

  position: -webkit-sticky;

  position: sticky;

  top: 0px;

  height: 60px;

  background-image: -webkit-gradient(linear, left top, right top, from(#1672c4), to(#2271b9));

  background-image: linear-gradient(90deg, #1672c4, #2271b9);

}



.container-3 {

  min-width: 90%;

}



.brand-2 {

  position: relative;

  display: block;

  margin-top: auto;

  margin-bottom: auto;

}



.image-4 {

  width: 150px;

  margin-top: 3px;

}



.navlink {

  color: #fff;

  font-weight: 500;

}



.navlink:hover {

  text-decoration: underline;

}



.navlink.w--current {

  color: #fff;

}



.slider-2 {

  position: absolute;

  width: 21vw;

  height: auto;

  padding-top: 30px;

  background-color: transparent;

}

.features{

  font-size: 18px;

  display: flex;

  flex-direction: column;

  align-items: center;

  margin: 30px auto 0 0;

  width: 70%;

gap: 20px;

}

.features-row{

  display: flex;

  align-items: center;

  justify-content: flex-start;

  margin: auto;

  width: 100%;

gap: 10px;



}

.features-row{

   color: #000000 !important;

}



.features-row a:visited{

   color: #000000 !important;

}

.features-row img{

  width: 5%

}

.features-row p{

width: 70%;

   margin-bottom: 0px;

   color: #000000 !important;

}

  .feather{

width: 15px;

height: 15px;

color: #136fc2;

   display: inline-block;

   margin: 0;

   float: left;

}

.mask {

  height: auto;

}



.icon-2 {

  color: #9f9f9f;

}



.icon {

  background-color: transparent;

  color: #9f9f9f;

}



.slide-nav {

  position: relative;

  left: 0%;

  top: auto;

  right: 0%;

  bottom: 0%;

  z-index: 1000;

  background-color: transparent;

  color: #247ac7;

  font-size: 16px;

  line-height: 18px;

}

.row-inputs{



   display: flex;

   align-items: center;

   justify-content: flex-start;

gap: 50px

}

.column-inputs{

padding: 20px;

   width: 80%;

margin: auto;

   background-color: #ffffff;

box-shadow: 2px 0px 55px 1px rgba(0, 0, 0, 0.17);

border-radius: 15px;

   display: flex;

   flex-direction: column;

   align-items: center;

   gap: 30px

}

  #finalPriceBox {

            border: none;

            outline: none;

            background-color: transparent;

          }



          .pricebox {

            margin-top: 30px;

            font-size: 20px;

            font-weight: bold;

          }

.text-block {

  margin-right: 31px;

  margin-left: 31px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 1.9em;

  font-weight: 700;

  text-align: center;

}



.div-block-4 {

  position: static;

  left: auto;

  right: auto;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 95%;

  margin-top: 32px;

  margin-right: auto;

  margin-left: auto;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

}



.div-block-20 {

  display: none;

}



.div-block-3 {

  position: relative;

  display: block;

  margin-bottom: 0px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  grid-auto-columns: 1fr;

  -ms-grid-columns: 1fr 1fr;

  grid-template-columns: 1fr 1fr;

  -ms-grid-rows: auto auto;

  grid-template-rows: auto auto;

  border: 0px solid #000;

  font-size: 15px;

  text-align: center;

}



.heading-10 {

  font-size: 1.4em;

  text-align: left;

}



.div-block-18 {

  display: none;

}



.list {

  display: block;

  margin-top: 16px;

  margin-bottom: 14px;

  text-align: center;

}



.list-item {

  width: 100%;

  margin-top: 8px;

  font-size: 1.2em;

  text-align: left;

  list-style-type: square;

}

.accordion-item-content p{

  display: none;

}

.paragraph {

  width: 100%;

  margin-bottom: 0px;

  font-size: 0.9em;

  line-height: 32px;

}





.div-block-19 {

  position: absolute;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 49vw;

  margin-top: 2%;

  margin-bottom: 0%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: space-around;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  font-size: 20px;

}



.button {

  padding: 13px;

  background-color: #1182e4;

  box-shadow: -2px 2px 7px 0 rgba(0, 0, 0, 0.53);

  font-size: 1.6em;

  font-weight: 500;

}

.heading-2 {

  display: none;

  font-size: 2em;

}



.div-block-2 {

  position: absolute;

  width: 100%;

  height: 111px;

}



.image-5 {

  position: absolute;

  top: -31%;

  right: 0%;

  display: block;

  width: 59vw;

  float: right;

}



.heading {

  position: absolute;

  top: 0%;

  right: 0%;

  height: 50px;

  margin-top: 3%;

  margin-right: 5%;

  margin-bottom: 0px;

  color: #fff;

  font-size: 3.1vw;

}



.section-2 {

  position: relative;

  display: -ms-grid;

  display: grid;

  height: 685px;

  grid-auto-columns: 1fr;

  grid-column-gap: 0px;

  grid-row-gap: 0px;

  -ms-grid-columns: 0.5fr 1fr;

  grid-template-columns: 0.5fr 1.2fr;

  -ms-grid-rows: 11vw 36vw;

  grid-template-rows: 11vw 36vw;

}



.body-2 {

  font-family: Montserrat, sans-serif;

}



.div-block-21 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 80%;

  padding-top: 1vw;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  font-size: 1.3vw;

}



.list-2 {

  padding-left: 65px;

  list-style-type: square;

}



.div-block-22 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 80%;

  margin-top: 45px;

  -webkit-justify-content: space-around;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.paragraph-2 {

  width: 48vw;

  font-size: 1.4em;

  line-height: 26px;

  letter-spacing: 1px;

}



.heading-11 {

  margin-top: 35px;

  font-size: 1.5em;

}



.text-block-2 {

  font-size: 2em;

  font-weight: 700;

}



.list-item-2 {

  font-size: 1.2em;

}



.obashabaleniitem {

  margin-top: 11px;

  font-size: 1.2em;

}



.button-2 {

  padding: 13px 27px;

  background-color: #297fcf;

  font-size: 1.5em;

  font-weight: 500;

  

}



.html-embed-2 {

  color: #494949;

}



.div-block-9 {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.div-block-10 {

  position: absolute;

  z-index: 1;

  width: 100%;

  height: 100%;

  background-color: rgba(11, 34, 64, 0.61);

}



.image-9 {

  position: static;

  z-index: 0;

  width: 100%;

  height: 12vw;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 50% 35%;

  object-position: 50% 35%;

}



.heading-5 {

  position: absolute;

  z-index: 3;

  margin-top: 0px;

  margin-bottom: 0px;

  color: #fff;

  font-size: 4vw;

  font-weight: 400;

}



.link {

  font-weight: 400;

}



.heading-6 {

  margin-right: auto;

  margin-bottom: 43px;

  margin-left: auto;

}





.div-block-13 {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 80%;

  height: 50px;

  margin-top: 40px;

  margin-right: auto;

  margin-left: auto;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-self: auto;

  -ms-flex-item-align: auto;

  align-self: auto;

}



.submit-button {

  position: static;

  margin-left: auto;

}



.div-block-12 {

  width: 80%;

  margin-right: auto;

  margin-left: auto;

}



.div-block-11 {

  display: -ms-grid;

  display: grid;

  width: 80%;

  margin-right: auto;

  margin-left: auto;

  grid-auto-columns: 1fr;

  grid-column-gap: 8px;

  grid-row-gap: 0px;

  -ms-grid-columns: 1fr;

  grid-template-columns: 1fr;

  -ms-grid-rows: auto auto;

  grid-template-rows: auto auto;

}



.text-field {

  width: 100%;

}



.text-span {

  color: red;

}



.field-label-2 {

  width: auto;

  margin-right: 10px;

  margin-bottom: 0px;

  margin-left: 0px;

  font-weight: 600;

}



.text-field-2 {

  width: 100%;

}



.text-block-6 {

  width: 80%;

  margin-top: 37px;

  margin-right: auto;

  margin-left: auto;

  color: #000;

  font-size: 14px;

  line-height: 24px;

}



.select-field {

  position: static;

  width: 30%;

  margin-bottom: 0px;

}



.text-span-2 {

  font-family: Montserrat, sans-serif;

  color: #3898ec;

  font-weight: 600;

}



.field-label {

  width: 45%;

}





.html-embed-5 {

  position: relative;

  left: 0%;

  top: 0%;

  right: 0%;

  bottom: 0%;

  z-index: 99;

}



.container-4 {

  position: relative;

}



.div-block-24 {

  position: absolute;

  left: 0%;

  top: auto;

  right: 0%;

  bottom: -20px;

  z-index: 100;

  display: block;

  height: 100px;

  background-color: #FFF;

}



.div-block-25 {

  position: relative;

  height: 28vw;

  margin-top: 0px;

  background-image: url('../images/Stripe-install.png');

  background-position: 0px -34px;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: scroll;

  -o-object-fit: contain;

  object-fit: contain;

}



.div-block-25.desktop {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-image: none;

}



.image-12 {

  position: absolute;

  left: 0%;

  top: 0%;

  right: 0%;

  bottom: 0%;

  display: block;

}



.heading-13 {

  position: absolute;

  left: auto;

  top: auto;

  right: auto;

  bottom: auto;

  width: 100%;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 48px;

  padding-bottom: 0px;

  color: #fff;

  font-size: 3.5vw;

  line-height: 48px;

  font-weight: 100;

  text-align: center;

}



.div-block-26 {

  position: absolute;

  left: auto;

  top: 0%;

  right: 0%;

  bottom: 0%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 52%;

  height: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 24px;

}



.section-3 {

  display: none;

  height: 55vh;

  padding-top: 5%;

  padding-bottom: 53px;

}

.platba{

  margin: auto;

          position: relative;

          z-index: 5000;

          background-color: rgb(255, 0, 0);

          width: 100px;

          height: 100px;

}

.accordion {

  background-color: #dfdfdf;

  color: rgb(0, 0, 0);

  cursor: pointer;

  padding: 30px;

  width: 100%;

  border-radius: 10px;

  margin-top: 10px;

  border: none;

  text-align: left;

  outline: none;

  font-size: 18px;

  font-weight: bold;

  transition: 0.4s;

}







.accordion:after {

  content: '\002B';

  color: rgb(0, 0, 0);

  font-weight: bold;

  font-size: 25px;

  float: right;

  margin-left: 5px;

}







.panel {

  max-height: 0;

  font-size: 15px;

  margin: 10px 0;

  padding-left: 30px;

  background-color: white;

  

  overflow: hidden;

  transition: max-height 0.2s ease-out;

}





.bold-text-3 {

  font-size: 1em;

  font-weight: 400;

}



.text-span-3 {

  font-size: 0.6em;

  text-decoration: none;

}



.section-4 {

  display: none;

}



.gallery {

  padding-top: 100px;

  padding-bottom: 100px;

}



.centered-container {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  text-align: center;

}



.gallery-grid-container {

  display: -ms-grid;

  display: grid;

  margin-top: 40px;

  -ms-grid-row-align: center;

  align-self: center;

  grid-auto-columns: 1fr;

  grid-column-gap: 20px;

  grid-row-gap: 20px;

  grid-template-areas: ". . . ."

    ". . . ."

    "Area Area Area-2 Area-2";

  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  -ms-grid-rows: auto 20px auto 20px 340px 20px auto;

  grid-template-rows: auto auto 340px auto;

}



.gallery-lightbox {

  position: relative;

  overflow: hidden;

  box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.31);

}



.gallery-thumbnail {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -o-object-position: 50% 50%;

  object-position: 50% 50%;

}



.div-block-15 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  padding-right: 73px;

  padding-left: 73px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #919191;

}



.footerlink {

  color: #fff;

}



.section-5 {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 6vh;

  margin-top: 25px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-justify-content: space-around;

  -ms-flex-pack: distribute;

  justify-content: space-around;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #2579c5;

}



.heading-15 {

  position: static;

  margin-top: 0px;

  margin-bottom: 0px;

  color: #fff;

  font-size: 20px;

  font-weight: 400;

}



.div-block-27 {

  position: relative;

  width: 75%;

}



.section-6 {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.heading-16 {

  margin-top: 10px;

  margin-right: 60px;

  color: #fff;

  font-size: 20px;

  font-weight: 400;

}



.heading-17 {

  margin-top: 10px;

  margin-right: 0px;

  margin-left: 60px;

  color: #fff;

  font-size: 20px;

  font-weight: 400;

}



.section-7 {

  padding-top: 5%;

}



.paragraph-5 {

  position: absolute;

  left: auto;

  top: auto;

  right: 0%;

  bottom: auto;

  width: 50%;

  height: auto;

  margin-bottom: 0px;

  padding-right: 42px;

  padding-left: 42px;

  color: #fff;

  font-size: 18px;

  line-height: 23px;

}



.container-7 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.text-block-7 {

  font-size: 31px;

  line-height: 36px;

  text-align: center;

}



.section-8 {

  height: 15vw;

}



.section-9 {

  position: relative;

  display: block;

  width: 97vw;

  height: 221px;

  margin-top: 64px;

  padding-top: 39px;

  padding-right: 0px;

  padding-left: 0px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #fff;

  -o-object-fit: fill;

  object-fit: fill;

}



.container-8 {

  height: 139px;

  max-width: 818px;

  padding-top: 0px;

  background-image: url('../images/inst.png');

  background-position: 0px 0px;

  background-size: cover;

}



.container-9 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.image-13 {

  max-width: 29%;

}



.text-block-9 {

  position: static;

  display: block;

  margin-top: 20px;

  margin-bottom: 20px;

  margin-left: 0%;

  line-height: 11px;

  font-weight: 700;

}



.div-block-28 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 240px;

  margin: 10px auto 10px 0%;

  padding-left: 0px;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-align-self: auto;

  -ms-flex-item-align: auto;

  align-self: auto;

}





.header-center-box {

  display: block;

  margin-right: auto;

  margin-left: auto;

  text-align: center;

}



.header-center-box._75 {

  width: 75%;

}







.text-center {

  text-align: center;

}







.image-14 {

  cursor: pointer;

}



.image-15 {

  cursor: pointer;

}



.slider-3 {

  left: 10px;

  top: 60px;

  display: block;

  width: 418px;

  height: 424px;

  margin-left: 35px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  background-color: transparent;

}



.mask-2 {

  height: auto;

}



.image-18 {

  position: static;

  left: 0%;

  top: 0%;

  right: 0%;

  bottom: 0%;

  display: block;

}



.icon-4 {

  margin-top: 130px;

  margin-bottom: 220px;

  color: #8d8d8d;

}



.icon-5 {

  margin-top: 130px;

  margin-bottom: 220px;

  color: #8d8d8d;

}



.left-arrow-2 {

  top: 0%;

  right: auto;

  bottom: 0%;

}



.div-block-30 {

  position: relative;

  left: 0px;

  top: 0px;

  right: 0px;

  bottom: 0px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 382px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.container-10 {

  height: 347px;

  background-color: transparent;

  background-image: url('../images/cards.png');

  background-position: 0px 0px;

  background-size: cover;

  mix-blend-mode: normal;

}



.link-2 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: auto;

  margin-top: 10px;

  margin-bottom: 10px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  color: #fff;

  font-size: 20px;

}



.container-11 {

  display: -ms-grid;

  display: grid;

  max-width: 90%;

  margin-top: 167px;

  margin-bottom: 67px;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  justify-items: center;

  grid-auto-columns: 1fr;

  grid-column-gap: 16px;

  grid-row-gap: 16px;

  -ms-grid-columns: 0.75fr 0.75fr 0.75fr 0.75fr;

  grid-template-columns: 0.75fr 0.75fr 0.75fr 0.75fr;

  -ms-grid-rows: auto;

  grid-template-rows: auto;

}



.div-block-31 {

  position: relative;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 263px;

  height: 366px;

  padding-top: 30px;

  padding-bottom: 30px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: justify;

  -webkit-justify-content: space-between;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-image: none;

  background-size: auto;

  background-repeat: repeat;

  box-shadow: 4px 9px 15px 3px rgba(0, 0, 0, 0.16);

}



.image-19 {

  position: relative;

  z-index: 100;

  display: block;

  max-width: 54%;

  -o-object-fit: fill;

  object-fit: fill;

}



.image-19.temp {

  max-width: 39%;

}



.heading-18 {

  color: #fff;

  font-size: 21px;

}



.heading-19 {

  position: absolute;

  left: auto;

  top: auto;

  right: auto;

  bottom: 10%;

  z-index: 600;

  margin-top: -13px;

  color: #fff;

  font-weight: 500;

  -o-object-fit: fill;

  object-fit: fill;

}



.heading-19.inst {

  display: block;

}



.paragraph-6 {

  position: absolute;

  display: block;

  margin-top: 30px;

  padding: 10px;

  color: #fff;

  font-size: 16px;

  text-align: center;

}



.paragraph-6.list {

  width: 100%;

  margin-top: -39px;

  padding-left: 20px;

  text-align: left;

}



.bgrcard {

  position: absolute;

  left: 0%;

  top: auto;

  right: 0%;

  bottom: 0%;

  z-index: 500;

  display: block;

}



.paragraph-7 {

  font-weight: 700;

}



.paragraph-8 {

  display: block;

  margin-bottom: 0px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  color: #136fc2;

  font-size: 14px;

  line-height: 17px;

  font-weight: 700;

  text-align: center;

}



.div-block-32 {

  position: absolute;

  top: 20px;

  right: 20px;

  display: block;

  width: 21px;

  height: 21px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-style: solid;

  border-width: 2px;

  border-color: #136fc2;

  border-radius: 50%;

  cursor: auto;

}



.image-20 {

  width: 100%;

}



.image-21 {

  width: 100%;

}



.feature-section {

  margin-top: 40px;

  margin-left: auto;

}



.flex-container {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

position: relative;

  max-width: 62vw;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -webkit-flex-direction: row;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  background-color: #2579c5;

  box-shadow: -2px 0 20px 0 rgba(0, 0, 0, 0.34);

}



.feature-image-mask {

  position: absolute;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 50%;

  height: 100%;

padding-top: 20px;

top: 0;

  margin-right: 0px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: flex-start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: flex-start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  background-color: #f1f1f1;

  box-shadow: 1px 0 17px 0 rgba(0, 0, 0, 0.31);

}



.feature-image {

  width: 100%;

  height: 100%;

  max-width: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#2579c5), to(#2579c5));

  background-image: linear-gradient(180deg, #2579c5, #2579c5);

  -o-object-fit: contain;

  object-fit: contain;

  -o-object-position: 50% 50%;

  object-position: 50% 50%;

}



.list-3 {

  padding-left: 0px;

  font-weight: 500;

  list-style-type: none;

}



.list-item-3 {

  margin-bottom: 15px;

  padding-left: 0px;

  font-size: 16px;

}



.list-item-3.name {

  font-size: 25px;

  font-weight: 600;

}



.list-item-3.a {

  margin-bottom: 43px;

  font-size: 13px;

  font-weight: 400;

}



.list-item-3.b {

  margin-bottom: 4px;

  font-size: 13px;

  font-weight: 400;

}



.heading-20 {

  margin-bottom: 25px;

  padding-bottom: 13px;

  border-bottom: 3px solid #003f79;

  color: #fff;

  font-size: 30px;

}



.div-block-33 {

  width: 50%;

  padding-right: 40px;

  padding-left: 30px;

  color: #fff;

  font-size: 14px;

}





.div-block-34 {

  display: block;

  width: 215px;

  height: 1.3px;

  margin-right: 40px;

  margin-bottom: 35px;

  margin-left: 40px;

  background-color: #919191;

  color: #333;

}



.div-block-34.liner {

  margin-right: 0px;

}



.div-block-34.linel {

  margin-left: 0px;

}



.div-block-35 {

  width: 100px;

  height: 3px;

  background-color: #000;

}



.image-24 {

  width: 50%;

}



.heading-21 {

  margin-bottom: 14px;

  padding-bottom: 14px;

  border-bottom: 2px solid #000;

  color: #000;

  text-decoration: none;

}



.link-block-4 {

  position: static;

  width: 50%;

  height: 100%;

}



.image-25 {

  display: block;

  width: 73%;

  margin-right: auto;

  margin-left: auto;

}



.image-27 {

  margin-top: 40px;

}



.checkbox {

  border-color: #000;

  background-color: #fff;

  color: #fff;

}



.checkbox-label {

  max-width: 80%;

}



.text-block-10 {

  font-weight: 700;

}



.div-block-36 {

  margin-top: 40px;

}



.div-block-37 {

  margin-top: 20px;

}



.lightbox-link {

  display: block;

  width: 100%;

  max-width: 100%;

  margin-right: auto;

  margin-left: auto;

}



.lightbox-link-2 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  height: 382px;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.gallery-grid-container-2 {

  display: -ms-grid;

  display: grid;

  margin-top: 40px;

  -ms-grid-row-align: center;

  align-self: center;

  grid-auto-columns: 1fr;

  grid-column-gap: 20px;

  grid-row-gap: 20px;

  grid-template-areas: ".";

  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;

  grid-template-columns: 1fr 1fr 1fr 1fr;

  -ms-grid-rows: auto 20px auto;

  grid-template-rows: auto auto;

}



.gallery-lightbox-2 {

  position: relative;

  overflow: hidden;

  font-size: 14px;

}



.section-10 {

  display: none;

}



.utility-page-wrap {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 100vw;

  height: 100vh;

  max-height: 100%;

  max-width: 100%;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

}



.utility-page-content {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  width: 260px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  text-align: center;

}



.form-cont{

  position: relative;

  display: flex;

  align-items: center;

  padding: 50px 0;

  width: 80%;

height: 80%;

  background-color: #FFF;

  box-shadow: 2px 0px 55px 1px rgba(0, 0, 0, 0.17);



  margin: 40px auto;

}

form{

  display: flex;

  flex-direction: column;

  

  margin-left: auto;

  margin-right: auto;

  width: 70%;

  

}

form p{

  margin-top: 10px;

  margin-bottom: 0;

  font-weight: bold;

}

.form h4{

  width: 100%;

  text-align: center;

  font-size: 35px;

  margin-top: 30px;

line-height: 1.2

}

.formfield{

  width: 100%;

  height: 40px;

  margin-left: auto;

  border-radius: 5px;

  border: none;

background: #FFF;

box-shadow: 5px 3px 22px 0px rgba(0, 0, 0, 0.25);



}





#message{

   margin-top: 0;

   resize: vertical;

 border-radius: 5px;

  border: none;

box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;



}

.quantity{

  margin-top: 10px;

  height: 30px;

  display: flex;

  align-items: center;





}

.quantity label{

  margin: 0;

  margin-right: 10px;

  margin-top: 5px;

}

.sada{

  font-weight: normal;

}

.radio{

  margin-right: 10px;

  

}

form select{

  width: 50px;

  height: 30px;

 border-radius: 5px;

  border: none;

box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;



}

/* .doprava{

  margin: 20px auto 20% 0;

padding: 15px 20px;

}

.doprava p{

  margin-bottom: 5px;

}

.doprava label{

  font-weight: normal;

}



*/

.zasilkovna{

  margin-top: 15px;

  margin-bottom: 30px;

}

.zasilkovna p{

  font-weight: normal;

}



.terms{

  display: flex;

  margin-top: 50px;

  

}

.terms label{

  font-weight: normal;

}

.submit{

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.questions{

  font-weight: normal;

  margin-top: 40px;

}

.questions{

  text-decoration: underline;

  color: #1182e4;

}

.questions b{

  color: red;

  margin-right: 5px;

}

.submit button{

  background-color: #1182e4;

  color: #FFF;

  width: 130px;

  height: 35px;

  margin-left: 80px;

}

@media screen and (min-width: 1280px) {

  .container-3 {

    min-width: 95%;

  }

  

  .slider-2 {

    width: 23vw;

    margin-top: 74px;

  }



  .left-arrow {

    left: -70px;

  }



  .right-arrow {

    right: -69px;

  }



  .text-block {

    font-size: 1.9em;

  }



  .div-block-4 {

    width: 62%;

    margin-top: 22px;

    margin-bottom: 22px;

    font-size: 15px;

  }



  .div-block-3 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin-right: 0vw;

  }



  .list {

    margin-top: 0px;

    margin-bottom: 0px;

    padding-left: 0px;

  }



  .list-item {

    width: 100%;

    font-size: 1.2em;

  }



  .paragraph {

    width: 100%;

    font-size: 1.1em;

    line-height: 24px;

  }



  .div-block-19 {

    display: block;

    margin-bottom: 10%;

    padding-right: 0px;

  }



  .button {

    margin-top: 0px;

  }



  .div-block-2 {

    height: 151px;

  }



  .image-5 {

    width: 645px;

  }



  .heading {

    margin-top: 3%;

    font-size: 32px;

  }



  .section-2 {

    height: 50vw;

  }



  .div-block-13 {

    position: relative;

    width: 80%;

    margin-right: auto;

    margin-left: auto;

  }



  .submit-button {

    position: absolute;

    top: 0px;

    right: 0px;

  }



  .div-block-12 {

    width: 80%;

    margin-right: auto;

    margin-left: auto;

  }



  .div-block-11 {

    width: 80%;

    margin-right: auto;

    margin-left: auto;

  }



  .text-field {

    height: 50px;

  }



  .field-label-2 {

    width: auto;

  }



  .text-field-2 {

    width: 100%;

    height: 51px;

  }



  .select-field {

    width: 30%;

  }



  .container-4 {

    max-width: 75%;

  }



  .div-block-24 {

    bottom: -30px;

    background-color: #fff;

  }



  .div-block-25 {

    height: 365px;

  }



  .heading-13 {

    font-size: 3vw;

  }



  .section-3 {

    height: 57vh;

  }



  .paragraph-3 {

    display: none;

  }



  .footerlink {

    color: #fff;

  }



  .div-block-27 {

    position: relative;

  }



  .paragraph-5 {

    font-size: 20px;

    line-height: 27px;

  }



  .image-16 {

    position: absolute;

  }



  .image-17 {

    display: inline-block;

    max-width: 27%;

  }



  .div-block-29 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .container-11 {

    max-width: 90%;

  }



  .paragraph-6 {

    display: block;

  }



  .checkbox-label {

    max-width: 80%;

  }

}



@media screen and (min-width: 1440px) {

 



  .paragraph-2 {

    line-height: 32px;

  }



  .heading-13 {

    font-size: 2vw;

  }



  .paragraph-5 {

    font-size: 25px;

    line-height: 32px;

  }



  .slider-3 {

    margin-top: 60px;

    margin-left: auto;

  }



  .container-11 {

    max-width: 80%;

  }



  .div-block-31 {

    width: 300px;

    height: 390px;

  }



  .paragraph-6 {

    display: block;

    padding-right: 20px;

    padding-left: 20px;

    font-size: 16px;

    line-height: 23px;

  }



  .paragraph-6.list {

    font-size: 18px;

  }

}



@media screen and (min-width: 1920px) {

  .container-3 {

    min-width: 80%;

  }



  .slider-2 {

    padding-top: 68px;

  }



  .text-block {

    font-size: 1.9em;

  }



  .div-block-4 {

    margin-top: 78px;

  }



  .div-block-3 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 50vw;

    margin-top: 70px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 27px;

    line-height: 27px;

    text-align: center;

  }



  .list {

    width: 40vw;

    margin-bottom: 0px;

    padding-left: 0px;

  }



  .list-item {

    width: 100%;

    font-size: 1.2em;

  }



  .paragraph {

    width: 51vw;

    font-size: 1.1em;

    line-height: 43px;

  }



  .div-block-19 {

    margin-top: 100px;

    margin-right: 50px;

    margin-bottom: 10%;

    font-size: 34px;

  }



  .button {

    padding: 24px 37px;

    font-size: 1.9em;

  }



  .div-block-2 {

    width: 975px;

    height: 196px;

    display: block;

    z-index: 500

  }



  .image-5 {

width: 100%;

height: 250px;



display: block

  }



  .heading {

    margin-top: 8%;

    font-size: 50px;

  }



  .div-block-21 {

    padding-top: 3vw;

    font-size: 1.1vw;

  }



  .paragraph-2 {

    margin-bottom: 39px;

    line-height: 48px;

  }



  .obashabaleniitem {

    line-height: 36px;

  }



  .div-block-24 {

    left: 0%;

    top: auto;

    right: 0%;

    bottom: -30px;

    display: block;

    background-color: #fff;

  }



  .div-block-25 {

    height: 30vw;

  }



  .heading-13 {

    font-size: 2vw;

  }



  .section-3 {

    height: 64vh;

  }



  .section-4 {

    position: relative;

  }



  .div-block-15 {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 60px;

    padding-right: 104px;

    padding-left: 104px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .footerlink {

    position: static;

    font-size: 24px;

  }



  .div-block-27 {

    position: relative;

    width: 75%;

    height: auto;

  }



  .section-6 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .paragraph-5 {

    font-size: 30px;

    line-height: 63px;

  }



  .slider-3 {

    width: 457px;

    height: 510px;

    margin-right: 0px;

    margin-left: auto;

  }



  .div-block-30 {

    height: 453px;

  }



  .container-11 {

    max-width: 80%;

  }



  .div-block-31 {

    width: 348px;

    height: 486px;

  }



  .heading-19 {

    font-size: 30px;

    line-height: 35px;

  }



  .paragraph-6 {

    margin-top: 60px;

    font-size: 20px;

  }



  .list-item-3 {

    font-size: 21px;

  }



  .list-item-3.name {

    font-size: 30px;

  }



  .list-item-3.a {

    font-size: 18px;

  }



  .list-item-3.b {

    font-size: 18px;

  }



  .heading-20 {

    font-size: 35px;

  }



  .div-block-33 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .heading-21 {

    font-size: 23px;

  }

}



@media screen and (max-width: 991px) {

  .navlink.w--current {

    color: #fff;

    line-height: 20px;

    text-decoration: underline;

  }

  .form-cont{

    width: 80%;



  }

.row-inputs{

   margin-left: 0;

   flex-direction: column;

gap: 5px;

align-items: flex-start;

width: 95%

}

.column-inputs{

  gap: 15px;

}

  .sada{

    font-weight: normal;

  }

  .burgericon {

    color: #fff;

  }



  .slider-2 {

    left: 14%;

    width: 201px;

    height: 45vw;

  }



  .text-block {

    font-size: 1.9em;

  }



  .div-block-4 {

    margin-top: 10px;

    margin-bottom: 10px;

    font-size: 12px;

  }



  .div-block-3 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    margin-right: 2px;

  }



  .list {

    margin-top: 8px;

    margin-bottom: 8px;

    padding-left: 0px;

  }



  .div-block-19 {

    width: 65vw;

    margin-bottom: 0%;

  }



  .heading-2 {

    margin-top: 18px;

    margin-bottom: 0px;

    font-size: 2em;

  }



  .div-block-2 {

    display: block;

    height: auto;

  }



  .image-5 {

    width: 490px;

    max-width: none;

  }



  .heading {

    margin-top: 2%;

    font-size: 24px;

  }



  .section-2 {

    grid-row-gap: 11px;

    -ms-grid-rows: 12vw 36vw;

    grid-template-rows: 12vw 36vw;

  }



  .div-block-21 {

    padding-top: 4vw;

    font-size: 1.2vw;

  }



  .heading-5 {

    font-size: 7vw;

  }



  .div-block-13 {

    width: 100%;

  }



  .submit-button {

    position: static;

  }



  .div-block-12 {

    width: 100%;

  }



  .div-block-11 {

    width: 100%;

  }



  .text-field-2 {

    width: 100%;

  }



  .select-field {

    width: 33%;

  }



  .html-embed-5 {

    margin-top: 30px;

  }



  .div-block-24 {

    bottom: -10px;

  }



  .div-block-25 {

    height: 28vw;

    margin-top: 0px;

    background-size: cover;

  }



  .image-12 {

    display: none;

  }



  .section-3 {

    height: 40vw;

  }



  .container-5 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .paragraph-3 {

    width: 65%;

    font-size: 16px;

    font-weight: 500;

  }



  .gallery-grid-container {

    -ms-grid-row-align: stretch;

    align-self: stretch;

    grid-column-gap: 8px;

    grid-row-gap: 8px;

    grid-template-areas: ". . ."

      ". . ."

      "Area Area Area";

    -ms-grid-columns: 24% 8px 24% 8px 24% 8px 24%;

    grid-template-columns: 24% 24% 24% 24%;

    -ms-grid-rows: auto 8px auto 8px 273px 8px auto 8px auto;

    grid-template-rows: auto auto 273px auto auto;

  }



  .gallery-lightbox {

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.47);

  }



  .div-block-15 {

    height: 90%;

  }



  .paragraph-5 {

    font-size: 14px;

    line-height: 20px;

  }



  .text-block-9 {

    margin-left: 0%;

  }



  .accordion-wrapper {

    padding-right: 10px;

    padding-left: 10px;

  }



  .slider-3 {

    width: 297px;

    height: 313px;

    margin-left: 0px;

  }



  .div-block-30 {

    height: 263px;

  }



  .container-11 {

    display: -ms-grid;

    display: grid;

    max-width: 80%;

    grid-auto-columns: 1fr;

    grid-column-gap: 0px;

    grid-row-gap: 15px;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;

    -ms-grid-rows: auto auto;

    grid-template-rows: auto auto;

  }



  .div-block-31 {

    width: 287px;

    height: 384px;

    cursor: pointer;

  }



  .image-19 {

    max-width: 49%;

  }



  .image-19.temp {

    max-width: 33%;

  }



  .paragraph-6 {

    display: none;

  }



  .paragraph-8 {

    color: #136fc2;

  }



  .div-block-32 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    cursor: pointer;

  }



  .flex-container {

    max-width: 70vw;

  }



  .heading-21 {

    font-size: 16px;

  }



  .checkbox-label {

    max-width: none;

    padding-right: 10px;

  }



  .gallery-grid-container-2 {

    -webkit-align-self: stretch;

    -ms-flex-item-align: stretch;

    -ms-grid-row-align: stretch;

    align-self: stretch;

  }

  .sada{

    font-weight: normal;

  }

}

@media screen and (max-width: 767px) {

  .brand {

    width: 24%;

  }

  .form-cont{

    width: 80%;



   

}

.features{

  font-size: 15px;

  margin: 30px auto;

}

.features-row{

  gap: 5px

}

.features-row img{

  width: 10%

}



.form-step{

  width: 95%;

}

.column-inputs{

    width: 95%

}

.accordion{

  width: 98%;

  margin: 5px auto;

}

  .sada{

    font-weight: normal;

  }

  form{

    position: relative;

    width: 90%;

  }

  .image-4 {

    width: 120px;

    margin-top: 7px;

  }



  .slider-2 {

    left: auto;

    width: 21vw;

    height: auto;

    -webkit-align-self: auto;

    -ms-flex-item-align: auto;

    -ms-grid-row-align: auto;

    align-self: auto;

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

  }



  .left-arrow {

    width: 32px;

  }



  .icon-2 {

    font-size: 14px;

  }



  .right-arrow {

    width: 32px;

  }



  .icon {

    width: 36px;

    font-size: 14px;

    mix-blend-mode: normal;

  }



  .slide-nav {

    font-size: 10px;

  }



  .text-block {

    width: 457px;

    font-size: 1.8em;

  }



  .div-block-4 {

    width: 100%;

    margin-top: 39px;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .div-block-3 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 97%;

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    border-style: none;

    border-width: 0px;

  }



  .list {

    margin-top: 0px;

    margin-bottom: 9px;

    padding-top: 14px;

    padding-bottom: 14px;

    padding-left: 20px;

  }



  .paragraph {

    width: 89%;

    margin-right: auto;

    margin-left: auto;

  }



  .div-block-19 {

    width: 90vw;

    margin-top: 7%;

    margin-right: auto;

    margin-left: auto;

    -webkit-align-self: auto;

    -ms-flex-item-align: auto;

    -ms-grid-row-align: auto;

    align-self: auto;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

  }



  .button {

    width: 43%;

    margin-right: 74px;

    padding-right: 9px;

    background-color: #2279c7;

    font-weight: 700;

    text-align: center;

  }



  .heading-2 {

    margin-top: 0px;

    margin-bottom: 0px;

  }



  .div-block-2 {

    width: 100%;

    height: 14vw;

    margin-top: 0px;

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

    border-style: solid;

    border-width: 0px;

    border-color: red;

  }



  .image-5 {

    width: 71vw;

  }



  .heading {

    top: 13px;

    height: 50px;

    margin-top: 0%;

    margin-right: 1%;

    font-size: 4vw;

    text-align: left;

    white-space: wrap;

  }



  .section-2 {

    margin-top: 50px;

    

    -ms-grid-columns: 0.25fr 1.5fr;

    grid-template-columns: 0.25fr 1.5fr;

    -ms-grid-rows: 15vw 34vw;

    grid-template-rows: 15vw 34vw;

  }



  .div-block-21 {

    height: 100%;

    margin-right: auto;

    padding-top: 0vw;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

  }



  .list-2 {

    margin-bottom: 0px;

  }



  .div-block-22 {

    margin-top: 10px;

  }



  .heading-11 {

    margin-top: 0px;

  }



  .button-2 {

    width: auto;

    height: auto;

    padding-top: 0px;

    padding-bottom: 0px;

  }



  .heading-5 {

    font-size: 8vw;

  }



  .heading-6 {

    width: 80%;

    margin-top: 0px;

    margin-bottom: 29px;

    font-weight: 300;

  }



  



  .submit-button {

    font-weight: 500;

  }



  .div-block-12 {

    width: 100%;

  }



  .field-label-2 {

    width: auto;

  }



  .text-block-6 {

    width: 95%;

    font-size: 16px;

    line-height: 21px;

  }



  .field-label {

    font-weight: 500;

  }



  .div-block-25 {

    height: 26vw;

  }



  .heading-13 {

    padding-top: 0px;

  }



  .section-3 {

    display: block;

    height: 39vw;

  }



  .section-4 {

    display: block;

  }



  .container-5 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }



  .paragraph-3 {

    width: 80%;

  }



  .gallery {

    padding: 40px 20px;

  }



  .gallery-grid-container {

    max-width: none;

    -ms-grid-columns: 1fr 1fr 1fr;

    grid-template-columns: 1fr 1fr 1fr;

    -ms-grid-rows: auto auto auto auto;

    grid-template-rows: auto auto auto auto;

  }



  .div-block-15 {

    padding-right: 29px;

    padding-left: 29px;

  }



  .footerlink {

    font-size: 17px;

  }



  .heading-15 {

    font-size: 15px;

  }



  .heading-16 {

    margin-top: 20px;

    margin-bottom: 0px;

    font-size: 15px;

  }



  .heading-17 {

    font-size: 15px;

  }



  .section-7 {

    display: none;

  }



  .section-8 {

    display: none;

  }



  .container-8 {

    height: 90px;

    max-width: 95%;

  }



  .text-block-9 {

    line-height: 17px;

  }



  .accordion-item-content {

    margin-right: 0px;

  }



  .slider-3 {

    position: relative;

    left: 0px;

    top: 0px;

    width: 259px;

    height: 359px;

  }



  .mask-2 {

    width: 100%;

  }



  .image-18 {

    max-width: 57%;

    margin-top: 93px;

  }



  .div-block-30 {

    height: auto;

  }



  .container-11 {

    max-width: 95%;

    grid-column-gap: 15px;

    grid-row-gap: 15px;

  }



  .div-block-31 {

    width: 100%;



  }



  .feature-section {

    padding: 40px 20px;

  }



  .flex-container {



    max-width: 89vw;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .feature-image-mask {

    margin-right: 0px;

  }



  .feature-image {

    margin-right: auto;

    margin-left: auto;

  }



  .gallery-grid-container-2 {

    max-width: none;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;

    -ms-grid-rows: auto auto auto auto;

    grid-template-rows: auto auto auto auto;

  }

}



@media screen and (max-width: 479px) {

  .brand {

    width: 41%;

  }

  .form-cont{

    



      background-color: #FFFFFF;



      



  }

.container-11{

   margin-top: 30px;

}

.feature-image-mask {

  position: relative;



}

  .navbar-2 {

    display: block;

  }



  .container-3 {

    min-width: 90%;

  }



  .navlink {

    margin-right: 9px;

    padding-right: 9px;

    padding-left: 9px;

    background-color: transparent;

    font-size: 11px;

  }



  .navlink.w--current {

    color: #fff;

  }



  .slider-2 {

    width: 55vw;

    margin-top: 0px;

    margin-bottom: 21px;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

  }



  .left-arrow {

    margin-left: -12vw;

  }



  .right-arrow {

    margin-right: -12vw;

  }



  .slide-nav {

    font-size: 11px;

  }



  .text-block {

    width: 40%;

    margin-right: 0px;

    margin-left: 0px;

    font-size: 1.4em;

  }



  .bold-text-2 {

    display: inline-block;

  }



  .div-block-4 {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 96%;

    height: auto;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

  }



  .div-block-20 {

    position: absolute;

    left: auto;

    top: -5px;

    right: 0px;

    display: block;

    width: 90vw;

    height: 2px;

    padding-right: 0px;

    padding-bottom: 0px;

    background-color: #2279c7;

  }



  .div-block-3 {

    width: 100vw;

    margin-top: 100px;

    margin-right: 0px;

    padding-left: 0%;

    -webkit-box-ordinal-group: 2;

    -webkit-order: 1;

    -ms-flex-order: 1;

    order: 1;

  }



  .heading-10 {

    margin: 46px auto 0px 24px;

    font-size: 1em;

    font-weight: 500;

  }



  .div-block-18 {

    position: absolute;

    left: 0px;

    right: auto;

    bottom: 4px;

    z-index: 100;

    display: block;

    width: 90vw;

    height: 2px;

    margin-top: auto;

    margin-right: auto;

    margin-left: 0px;

    padding-right: 0px;

    padding-bottom: 0px;

    background-color: #fff;

    color: #fff;

  }



  .list {

    position: relative;

    overflow: auto;

    width: 100vw;

    margin-top: -12px;

    margin-bottom: 0px;

    padding-right: 10%;

    padding-left: 10%;

  }



  .list-item {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    padding-left: 0px;

    font-size: 4.2vw;

    line-height: 23px;

    font-weight: 500;

    text-align: left;

    letter-spacing: 0.8px;

    list-style-type: square;

  }



  .paragraph {

    position: absolute;

    display: block;

    width: 100vw;

    height: 120px;

    margin-top: auto;

    margin-bottom: auto;

    padding: 25px 19px 19px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #2279c7;

    color: #fff;

    font-size: 0.9em;

    line-height: 19px;

    text-align: left;

    text-indent: 0px;

    -webkit-column-count: 0;

    column-count: 0;

  }



  .div-block-19 {

    position: relative;

    width: 100vw;

    height: 117px;

    margin-top: 0%;

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

    -ms-flex-order: 2;

    order: 2;

    font-size: 16px;

  }



  .button {

    position: static;

    right: 0px;

    width: 40%;

    margin-right: 0px;

    font-size: 1.5em;

    line-height: 17px;

    text-align: center;

  }



  .heading-2 {

    margin-right: auto;

    margin-bottom: -20px;

    margin-left: 24px;

    font-size: 1.1em;

    text-align: center;

  }



  .div-block-2 {

    height: fit-content;

    position: relative;

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

  }



  .image-5 {

    display: none;

  }



  .heading {

    left: 0%;

    top: 0%;

    right: 0%;

    bottom: 0%;

    display: block;

height: fit-content;

    margin-right: 0%;

position: relative;

    border-bottom: 0px solid #2279c7;

    color: #000;

    font-size: 6vw;

letter-spacing: 1;

line-height: 1.2;

    text-align: center;

    white-space: wrap;

padding: 15px;



  }



  .section-2 {

    height: auto;

   display: flex;

flex-direction: column;

  }



  .div-block-21 {

    position: static;

    width: 100%;

    height: 80%;

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    font-size: 3.3vw;

  }



  .div-block-22 {

    width: 100%;

    margin-top: 27px;

  }



  .paragraph-2 {

    display: block;

    width: 90%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    color: #fff;

    line-height: 23px;

    text-align: center;

  }



  .heading-11 {

    margin-bottom: 0px;

    margin-left: 10%;

  }



  .text-block-2 {

    font-weight: 400;

  }



  .button-2 {

    padding: 10px 19px;

    background-color: #2579c5;

    font-size: 1.7em;

    font-weight: 500;

  }



  .div-block-9 {

    height: 102px;

  }



  .div-block-10 {

    left: 0%;

    top: 0%;

    right: 0%;

    bottom: 0%;

    height: 100%;

  }



  .image-9 {

    height: 100%;

  }



  .heading-5 {

    font-size: 9vw;

  }



  .heading-6 {

    width: 100%;

    font-size: 11vw;

    text-align: center;

  }



  



  .div-block-13 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 136px;

    margin-top: 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .submit-button {

    position: static;

    width: 51%;

    margin-left: 0px;

  }



  .div-block-12 {

    position: relative;

    width: 100%;

  }



  .div-block-11 {

    position: static;

    width: 100%;

    -ms-grid-columns: 1fr;

    grid-template-columns: 1fr;

  }



  .field-label-2 {

    width: auto;

    font-size: 18px;

  }



  .text-field-2 {

    width: 100%;

    margin-top: 5px;

  }



  .text-block-6 {

    width: 95%;

    margin-top: 60px;

    font-size: 14px;

  }



  .select-field {

    width: 31%;

  }



  .field-label {

    width: 45%;

    font-size: 18px;

  }



  

  .html-embed-5 {

    position: static;

    width: 100%;

    height: auto;

    margin-top: 30px;

    margin-bottom: 0px;

  }



  .div-block-23 {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 150px;

    margin-bottom: 35px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #2579c5;

    background-image: -webkit-gradient(linear, left top, right top, from(#2579c5), to(#1e8eff));

    background-image: linear-gradient(90deg, #2579c5, #1e8eff);

  }



  .div-block-24 {

    bottom: 5px;

    height: 60px;

    background-color: #fff;

  }



  .div-block-25 {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    width: 100vw;

    height: 31vw;

    margin-top: 0px;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 34, 64, 0.63)), to(rgba(11, 34, 64, 0.63))), url('../images/IMG_20210731_162711.jpg'), url('../images/IMG_20210731_162711.jpg');

    background-image: linear-gradient(180deg, rgba(11, 34, 64, 0.63), rgba(11, 34, 64, 0.63)), url('../images/IMG_20210731_162711.jpg'), url('../images/IMG_20210731_162711.jpg');

    background-position: 0px 0px, 0px -51px, 0px -34px;

    background-size: auto, cover, cover;

    background-attachment: scroll, scroll, scroll;

  }



  .image-12 {

    max-width: 100%;

  }



  .heading-12 {

    position: absolute;

    left: auto;

    top: auto;

    right: 5.1vw;

    bottom: auto;

    margin-right: 0px;

    color: #fff;

    font-size: 3.5vw;

  }



  .heading-13 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    padding-top: 0px;

    padding-bottom: 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-size: 6vw;

  }



  .div-block-26 {

    width: 100%;

  }



  .section-3 {

    display: block;

    

    margin-top: 0px;

    padding-top: 5%;

    padding-bottom: 0px;

  }



  .bold-text-3 {

    position: absolute;

    width: 100%;

    margin-top: 0px;

  }



  .text-span-3 {

    position: absolute;

    display: block;

    width: 100%;

    margin-top: 15vw;

  }



  .nav-menu-2 {

    display: block;

    -webkit-box-pack: end;

    -webkit-justify-content: flex-end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -o-object-fit: fill;

    object-fit: fill;

  }



  .section-4 {

    position: relative;

    display: block;

    height: 40vw;

    padding-top: 20px;

  }



  .container-5 {

    height: 100%;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

  }



  .paragraph-3 {

    position: absolute;

    width: 95%;

    margin-bottom: 0px;

    padding-right: 30px;

    padding-left: 30px;

    font-weight: 500;

    text-align: left;

  }



  .gallery {

    padding-right: 10px;

    padding-left: 10px;

  }



  .centered-container {

    text-align: left;

  }



  .gallery-grid-container {

    margin-right: 0px;

    margin-left: 0px;

    grid-column-gap: 8px;

    -ms-grid-columns: 1fr 1fr 1fr 1fr;

    grid-template-columns: 1fr 1fr 1fr 1fr;

    -ms-grid-rows: 95px 95px;

    grid-template-rows: 95px 95px;

  }



  .heading-14 {

    text-align: center;

  }



  .paragraph-4 {

    text-align: center;

  }



  .link-block-2 {

    position: static;

    height: auto;

    padding-right: 0px;

    padding-bottom: 0px;

  }



  .div-block-15 {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

    background-color: transparent;

  }



  .footerlink {

    -webkit-box-ordinal-group: 0;

    -webkit-order: -1;

    -ms-flex-order: -1;

    order: -1;

    color: #fff;

  }



  .section-5 {

    position: relative;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: 5vh;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction:column;

    -webkit-justify-content: space-around;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #2579c5;

    color: #353535;

  }



  .container-6 {

    max-width: 100%;

  }



  .link-block-3 {

    position: absolute;

    height: 100%;

  }



  .heading-15 {

    margin-top: 0px;

    margin-bottom: 0px;

    color: #fff;

    font-size: 13px;

    font-weight: 400;

  }



  .div-block-27 {

    width: 95%;

  }



  .heading-16 {

    margin-top: 0px;

    margin-right: 0px;

    margin-bottom: 0px;

    font-size: 10px;

  }



  .heading-17 {

    margin-top: 0px;

    margin-bottom: 0px;

    font-size: 13px;

  }



  .section-7 {

    display: none;

  }



  .section-8 {

    display: none;

  }



  .section-9 {

    display: block;

    height: 153vw;

    margin-top: 54px;

    padding-top: 0px;

  }



  .container-8 {

    display: block;

    height: 140vw;

    max-width: 67%;

    background-image: url('../images/inst-phone.png');

    background-position: 0px 0px;

    background-size: cover;

  }



  .text-block-8 {

    position: absolute;

    height: 100%;

  }



  .text-block-9 {

    margin: 20px auto 0px;

    padding-left: 0px;

    font-size: 14px;

    line-height: 15px;

    font-weight: 400;

    text-align: left;

  }



  .div-block-28 {

    width: 73%;

    margin-top: 5px;

    margin-bottom: 10px;

    margin-left: 0%;

    padding-left: 0px;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }



  .accordion-item {

    width: 95%;

  }



  .accordion-wrapper {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    padding-right: 0px;

    padding-left: 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }



  .header-center-box._75 {

    width: 90%;

  }



  .slider-3 {

    position: relative;

    left: auto;

    width: 100%;

    height: 351px;

  }



  .mask-2 {

    width: 100%;

    height: 90%;

  }



  .image-18 {

    max-width: none;

    margin-top: 0px;

  }



  .icon-4 {

    margin-top: 100px;

  }



  .icon-5 {

    margin-top: 100px;

  }



  .div-block-30 {

    width: 100%;

    height: 100%;

  }



  .slide-nav-2 {

    margin-bottom: -24px;

  }



  .link-2 {

    font-size: 13px;

  }



  .container-11 {

    height: 100%;

    max-width: 95%;

    grid-column-gap: 15px;

    grid-row-gap: 10px;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;

    -ms-grid-rows: 63vw 63vw;

    grid-template-rows: 63vw 63vw;

  }



  .div-block-31 {

    width: 100%;

    height: 100%;

    cursor: pointer;

  }



  .image-19 {

    z-index: 3;

    max-width: 43%;

  }



  .heading-19 {

    bottom: 4vw;

    z-index: 4;

    font-size: 4vw;

  }



  .heading-19.inst {

    margin-top: 0px;

    font-size: 4vw;

  }



  .paragraph-6 {

    position: absolute;

    left: 0%;

    top: 0%;

    right: 0%;

    bottom: 0%;

    z-index: 1;

    display: none;

    margin-top: 0px;

    margin-bottom: 0px;

    padding: 10px

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-align-self: auto;

    -ms-flex-item-align: auto;

    -ms-grid-row-align: auto;

    align-self: auto;

    color: #fff;

    font-size: 13px;

    line-height: 1;

    text-align: center;

  }



  .paragraph-6.list {

    background-color: #000;

  }



  .bgrcard {

    z-index: 2;

  }



  .paragraph-8 {

    color: #136fc2;

    font-size: 13px;

    font-weight: 600;

  }



  .div-block-32 {

    top: 10px;

    right: 10px;

    z-index: 500;

    border-color: #136fc2;

  }



  .feature-section {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    height: auto;

    margin-top: 0px;

    padding-right: 0px;

    padding-left: 0px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }



  .flex-container {

    max-width: 100vw;

  width: 95%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    box-shadow: none;

  }



  .feature-image-mask {

    width: 100%;

    height: auto;

    padding-bottom: 40px;

    background-color: #fff;

    box-shadow: none;

  }



  .list-3 {

    text-align: left;

  }



  .heading-20 {

    text-align: center;

  }



  .div-block-33 {

    display: block;

    width: 100%;

    padding-top: 20px;

    padding-bottom: 50px;

    padding-left: 40px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-align-self: auto;

    -ms-flex-item-align: auto;

    -ms-grid-row-align: auto;

    align-self: auto;

  }



  .image-23 {

    display: none;

  }



  .image-24 {

    max-width: 80%;

  }



  .heading-21 {

    text-decoration: none;

  }



  .link-block-4 {

    width: 100%;

  }



  .image-26 {

    display: block;

    max-width: 83%;

    margin-top: 41px;

    margin-right: auto;

    margin-left: auto;

  }



  .html-embed-6 {

    margin-top: 20px;

    margin-bottom: 20px;

  }



  .checkbox-field {

    margin-top: 40px;

    margin-bottom: 10px;

    padding-left: 20px;

  }



  .gallery-grid-container-2 {

    margin-right: 0px;

    margin-left: 0px;

    grid-column-gap: 6px;

    grid-row-gap: 6px;

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;

    -ms-grid-rows: auto auto auto auto auto;

    grid-template-rows: auto auto auto auto auto;

  }



  .heading-22 {

    text-align: center;

  }

}



#w-node-_87fbf6ee-6ab9-5eac-de35-8a40815bf522-21e50f32 {

  -ms-grid-column-align: auto;

  justify-self: auto;

}



#w-node-_108aa5e9-0398-0768-0e98-2e3fc92e6648-21e50f32 {

  -ms-grid-column: 2;

  grid-column-start: 2;

  -ms-grid-column-span: 1;

  grid-column-end: 3;

  -ms-grid-row: 2;

  grid-row-start: 2;

  -ms-grid-row-span: 1;

  grid-row-end: 3;

  -ms-grid-column-align: end;

  justify-self: end;

}



#w-node-_8904a418-31ce-65a4-a075-b1bd2ae90512-21e50f32 {

  -ms-grid-row: 1;

  grid-row-start: 1;

  -ms-grid-row-span: 1;

  grid-row-end: 2;

  -ms-grid-column: 1;

  grid-column-start: 1;

  -ms-grid-column-span: 1;

  grid-column-end: 2;

}



#w-node-_036dc557-cd3f-6ffa-2945-bf66d01873bb-382b445c {

  -ms-grid-row: span 2;

  grid-row-start: span 2;

  -ms-grid-row-span: 2;

  grid-row-end: span 2;

  -ms-grid-column: span 2;

  grid-column-start: span 2;

  -ms-grid-column-span: 2;

  grid-column-end: span 2;

}



#w-node-b15687ce-12b2-2c0f-e742-4a618f34c542-382b445c {

  -ms-grid-row: span 2;

  grid-row-start: span 2;

  -ms-grid-row-span: 2;

  grid-row-end: span 2;

  -ms-grid-column: span 2;

  grid-column-start: span 2;

  -ms-grid-column-span: 2;

  grid-column-end: span 2;

}



#w-node-_5ad3fc09-9e1a-7974-2575-01eb80e500a4-382b445c {

  -ms-grid-column: span 1;

  grid-column-start: span 1;

  -ms-grid-column-span: 1;

  grid-column-end: span 1;

  -ms-grid-row: span 1;

  grid-row-start: span 1;

  -ms-grid-row-span: 1;

  grid-row-end: span 1;

}



#w-node-_582f9e86-6f2c-4063-fe6f-28110abdbf4c-382b445c {

  -ms-grid-column: span 1;

  grid-column-start: span 1;

  -ms-grid-column-span: 1;

  grid-column-end: span 1;

  -ms-grid-row: span 1;

  grid-row-start: span 1;

  -ms-grid-row-span: 1;

  grid-row-end: span 1;

}



#w-node-_8f05222e-9450-c66c-0cbd-f33f96efd66c-382b445c {

  -ms-grid-column: span 1;

  grid-column-start: span 1;

  -ms-grid-column-span: 1;

  grid-column-end: span 1;

  -ms-grid-row: span 1;

  grid-row-start: span 1;

  -ms-grid-row-span: 1;

  grid-row-end: span 1;

}



#w-node-d3bdf10d-e305-7f0c-046a-735526d4b84e-382b445c {

  -ms-grid-column: span 1;

  grid-column-start: span 1;

  -ms-grid-column-span: 1;

  grid-column-end: span 1;

  -ms-grid-row: span 1;

  grid-row-start: span 1;

  -ms-grid-row-span: 1;

  grid-row-end: span 1;

}



@media screen and (min-width: 1920px) {

  #w-node-f0a7a0d6-b57d-86b5-8a4d-f899ac2061b1-21e50f32 {

    -ms-grid-column-align: end;

    justify-self: end;

  }



  #w-node-_108aa5e9-0398-0768-0e98-2e3fc92e6648-21e50f32 {

    -ms-grid-column: 2;

    grid-column-start: 2;

    -ms-grid-column-span: 1;

    grid-column-end: 3;

    -ms-grid-row: 2;

    grid-row-start: 2;

    -ms-grid-row-span: 1;

    grid-row-end: 3;

  }

}



@media screen and (max-width: 991px) {

  #w-node-_108aa5e9-0398-0768-0e98-2e3fc92e6648-21e50f32 {

    -ms-grid-column-align: center;

    justify-self: center;

    

  }

  .sada{

    font-weight: normal;

  }

}



@media screen and (max-width: 767px) {

  #w-node-_108aa5e9-0398-0768-0e98-2e3fc92e6648-21e50f32 {

    -ms-grid-column: 2;

    grid-column-start: 2;

    -ms-grid-column-span: 1;

    grid-column-end: 3;

    -ms-grid-row: 2;

    grid-row-start: 2;

    -ms-grid-row-span: 1;

    grid-row-end: 3;

    -ms-grid-column-align: end;

    justify-self: end;

  }

  .Button__Block-sc-1c0eo6i-0{

    display: none;

  }

  



}



@media screen and (max-width: 479px) {

  #w-node-_87fbf6ee-6ab9-5eac-de35-8a40815bf522-21e50f32 {

    -ms-grid-column: span 1;

    grid-column-start: span 1;

    -ms-grid-column-span: 1;

    grid-column-end: span 1;

    -ms-grid-row: span 1;

    grid-row-start: span 1;

    -ms-grid-row-span: 1;

    grid-row-end: span 1;

  }

  



  #w-node-_108aa5e9-0398-0768-0e98-2e3fc92e6648-21e50f32 {

    -ms-grid-column: 1;

    grid-column-start: 1;

    -ms-grid-column-span: 1;

    grid-column-end: 2;

    -ms-grid-row: 3;

    grid-row-start: 3;

    -ms-grid-row-span: 1;

    grid-row-end: 4;

    -ms-grid-column-align: center;

    justify-self: center;

  }



  #w-node-_036dc557-cd3f-6ffa-2945-bf66d01873bb-382b445c {

    -ms-grid-row: span 1;

    grid-row-start: span 1;

    -ms-grid-row-span: 1;

    grid-row-end: span 1;

    -ms-grid-column: span 1;

    grid-column-start: span 1;

    -ms-grid-column-span: 1;

    grid-column-end: span 1;

  }



  #w-node-b15687ce-12b2-2c0f-e742-4a618f34c542-382b445c {

    -ms-grid-row: span 1;

    grid-row-start: span 1;

    -ms-grid-row-span: 1;

    grid-row-end: span 1;

    -ms-grid-column: span 1;

    grid-column-start: span 1;

    -ms-grid-column-span: 1;

    grid-column-end: span 1;

  }

}